<template>
  <div class="welcomeWrap">
    <div class="wctxt1">欢迎光临</div>
    <div class="wctxt2">原仓经销商管理系统</div>
    <div class="wctxt3"></div>
  </div>
</template>

<script>
export default {
  name: 'WelCome',
  data () {
    return {

    }
  },
  methods: {

  }
}
</script>

<style lang="stylus" scoped="scoped">
@import '~styles/varibles.styl'
.welcomeWrap
  width 100%
  position absolute
  top 0
  left 0
  height 100%
  box-sizing border-box
  padding-bottom 50px
  color #333
  font-family 'League Gothic',Impact,sans-serif
  text-transform uppercase
  text-align center
  background-image linear-gradient(#F8FAFE, #fff)
  // box-shadow inset 0 0 100px hsla(0,0%,0%,.3)
  .wctxt1
    padding-top 200px
    font-size 30px
  .wctxt2
    padding-top 20px
    font-size 42px
</style>
